Ext.define('CM.view.customer.Grid', {
	extend : 'Ext.grid.Panel',
	alias : 'widget.customergrid',

	iconCls : 'icon-grid',

	title : 'Customer Grid',

	initComponent : function() {
		console.log(this.$className, ' initComponent');

		this.store = 'Customers',

		this.plugins = [ Ext.create('Ext.grid.plugin.RowEditing') ],

		this.columns = [ {
			dataIndex : 'id',
			text : 'ID',
		}, {
			dataIndex : 'version',
			text : 'Version',
		}, {
			dataIndex : 'firstname',
			text : 'First Name',
			allowBlank : false
		}, {
			dataIndex : 'lastname',
			text : 'Last Name',
			allowBlank : false
		}, {
			dataIndex : 'email',
			text : 'Email',
			allowBlank : false,
			vtype : 'email'
		} ],

		this.dockedItems = [ {
			xtype : 'toolbar',
			dock: 'top',
			items : [ {
				text : 'New',
				action : 'new',
				iconCls : 'add',
				tooltip : 'Add a new row'
			}, '-', {
				text : 'Delete',
				action : 'delete',
				iconCls : 'remove',
				tooltip : 'Remove selected row'
			} ]
		} ],

		this.callParent(arguments);
	}
});
